<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统-填写信息</title>
		<link rel="stylesheet" type="text/css" href="CSS/bootstrap.css"/>
		<style type="text/css">
			body{
				font-family: "楷体";
				background-color: #5F9EA0;
				width: 600px;
			}
			#maintitle{
				text-align: center;
				font-size: calc(45px);
				font-family: "楷体";
				color: #F0F8FF;
				background-color: #2F4F4F;
				border-radius: 20px;
			}
			#main{
				color: darkslategrey;
				font-size: calc(30px);
			}
			#hobby{
				font-size: calc(20px);
			}
			#title{
				background-color: #D0E9C6; 
				border-radius: 15px; 
				padding-left: 10px;
			}
		</style>
	</head>
	<body>
		<div id="main" class="container">
			<h1 id="maintitle">——学生信息管理系统——</h1>
			<div class="form-group">
				<label for="StudentName" id="title">姓名：</label>
				<input type="text" name="StudentName" placeholder="请输入姓名..." style="border-radius: 5px; background-color: #FAEBD7; font-size: 20px; width: 200px; height: 25px;" />
			</div>
			<div class="form-group">
				<label for="StudentAge" id="title" id="title">年龄：</label>
				<input type="number" name="StudentAge" placeholder="请输入年龄..." style="border-radius: 5px; background-color: #FAEBD7; font-size: 20px; width: 200px; height: 25px;" />
			</div>
			<div class="form-group" style="font-size: 20px;">
				<label style="font-size: 30px;" id="title">性别：</label>
				<input class="radio-inline" type="radio" name="StudentGender" id="gender" />男
				<input class="radio-inline" type="radio" name="StudentGender" id="gender" />女
			</div>
			<div class="form-group">
				<label id="title">爱好：</label>
				<span id="hobby">
					<input type="checkbox" name="hoppy" id="hobby"/>唱歌
					<input type="checkbox" name="hoppy" id="hobby"/>跳舞
					<input type="checkbox" name="hoppy" id="hobby"/>游戏
					<input type="checkbox" name="hoppy" id="hobby"/>运动
					<input type="checkbox" name="hoppy" id="hobby"/>户外
				</span>
			</div>
			<div class="form-group">
				<label id="title">学历：</label>
				<select name="edu" id="edu" style="border-radius: 5px; background-color: #FAEBD7; font-size: 20px; width: 230px; height: 30px;">
					<option value =""><--请选择你的学历--></option>
					<option value ="1">幼儿园</option>
					<option value ="2">小学</option>
					<option value ="3">初中</option>
					<option value ="4">高中</option>
					<option value ="5">大学本科</option>
					<option value ="5">大学专科</option>
					<option value ="5">研究生</option>
				</select>
			</div>
			<div class="form-group">
				<button href="http://www.taobao.com/" type="button" class="mui-btn mui-btn-grey" style="color: white; background-color: #31708F; border-radius:10px; font-weight: bold; font-size: 20px; font-family: 楷体; width: 150px; height: 40px; margin-left: 25px;">提交</button>
				<button href="http://www.taobao.com/" type="button" class="mui-btn mui-btn-grey" style="color: white; background-color: #A94442; border-radius:10px; font-weight: bold; font-size: 20px; font-family: 楷体; width: 150px; height: 40px; margin-left: 25px;">取消</button>
			</div>
		</div>
	</body>
</html>
